<template>
  <div>
    <el-form :model="picture" label-width="180px">
      <el-row :gutter="20">
        <el-col :span="15">
          <el-form-item label="水印位置：">
            <el-radio-group v-model="picture.position">
              <el-radio :label="0">无</el-radio>
              <el-radio :label="1">左上</el-radio>
              <el-radio :label="2">右上</el-radio>
              <el-radio :label="3">居中</el-radio>
              <el-radio :label="4">左下</el-radio>
              <el-radio :label="5">右下</el-radio>
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="9">
          <div style="display: block;vertical-align: middle;line-height: 36px;height: 36px">	  设置为"无"则视为关闭水印
          </div>
        </el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="10">
          <el-form-item label="水印文字偏移量：">
            <el-input placeholder="水印文字偏移量" />
          </el-form-item>
        </el-col>
        <el-col :span="14">
          <div style="display: block;vertical-align: middle;line-height: 36px;height: 36px">
            x，y 定义了第一个字符的左上角。x 0,向左偏移；x>0,向右偏移。y 0,向上偏移；y>0,向下偏移。
          </div>
        </el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="10">
          <el-form-item label="水印文字：">
            <el-input placeholder="水印文字" />
          </el-form-item>
        </el-col>
        <el-col :span="14">
          <div style="display: block;vertical-align: middle;line-height: 36px;height: 36px">
            当文字和图片同时存在时以文字为主
          </div>
        </el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="10">
          <el-form-item label="水印文字大小：">
            <el-input placeholder="水印文字大小" />
          </el-form-item>
        </el-col>
        <el-col :span="14">
          <div style="display: block;vertical-align: middle;line-height: 36px;height: 36px">
            建议大小为20
          </div>
        </el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="10">
          <el-form-item label="水印文字颜色：">
            <el-input placeholder="水印文字颜色" />
          </el-form-item>
        </el-col>
        <el-col :span="14">
          <div style="display: block;vertical-align: middle;line-height: 36px;height: 36px">
            仅支持16进制的颜色：如#00FF00
          </div>
        </el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="10">
          <el-form-item label="水印文字字体路径：">
            <el-input placeholder="水印文字字体路径" />
          </el-form-item>
        </el-col>
        <el-col :span="14">
          <div style="display: block;vertical-align: middle;line-height: 36px;height: 36px">
            后缀为.ttf,若留空则使用默认字体(使用中文水印时，若字体不支持中文，则会出现方框)
          </div>
        </el-col>
      </el-row>

      <el-row :gutter="20">
        <el-col :span="10">
          <el-form-item label="水印文件：">
            <el-input placeholder="水印文件" />
          </el-form-item>
        </el-col>
        <el-col :span="14">
          <div style="display: block;vertical-align: middle;line-height: 36px;height: 36px">
            水印图最终大小由上传的图片大小决定
          </div>
        </el-col>
      </el-row>

      <el-row :gutter="20">
        <el-col :span="10">
          <el-form-item label="水印透明度：">
            <el-input placeholder="水印透明度" />
          </el-form-item>
        </el-col>
        <el-col :span="14">
          <div style="display: block;vertical-align: middle;line-height: 36px;height: 36px">
            水印的透明度,可选值为0-100。当设置为100时则为不透明
          </div>
        </el-col>
      </el-row>

      <el-row :gutter="20">
        <el-col :span="10">
          <el-form-item label="商城Logo：">
            <el-input placeholder="商城Logo" />
          </el-form-item>
        </el-col>
        <el-col :span="14">
          <div style="display: block;vertical-align: middle;line-height: 36px;height: 36px">
            (图片大小为300x150，格式为png或者jpg)
          </div>
        </el-col>
      </el-row>

      <el-row :gutter="20">
        <el-col :span="10">
          <el-form-item label="默认店铺头像：">
            <el-input placeholder="默认店铺头像" />
          </el-form-item>
        </el-col>
        <el-col :span="14">
          <div style="display: block;vertical-align: middle;line-height: 36px;height: 36px">
            (图片大小为150x150，格式为png或者jpg)
          </div>
        </el-col>
      </el-row>

      <el-row :gutter="20">
        <el-col :span="10">
          <el-form-item label="移动端店铺默认顶部广告：">
            <el-input placeholder="移动端店铺默认顶部广告" />
          </el-form-item>
        </el-col>
        <el-col :span="14">
          <div style="display: block;vertical-align: middle;line-height: 36px;height: 36px">
            (图片大小为750x260，格式为jpg或者png)
          </div>
        </el-col>
      </el-row>

      <el-row :gutter="20">
        <el-col :span="10">
          <el-form-item label="移动端商品海报背景图：">
            <el-input placeholder="移动端商品海报背景图" />
          </el-form-item>
        </el-col>
        <el-col :span="14">
          <div style="display: block;vertical-align: middle;line-height: 36px;height: 36px">
            (图片大小为750x1334，格式为jpg或者png)
          </div>
        </el-col>
      </el-row>

      <el-row :gutter="20">
        <el-col :span="10">
          <el-form-item label="默认会员头像：">
            <el-input placeholder="默认会员头像" />
          </el-form-item>
        </el-col>
        <el-col :span="14">
          <div style="display: block;vertical-align: middle;line-height: 36px;height: 36px">
            (图片大小为150x150，格式为png或者jpg)
          </div>
        </el-col>
      </el-row>

      <el-row :gutter="20">
        <el-col :span="10">
          <el-form-item label="默认商品图片：">
            <el-input placeholder="默认商品图片" />
          </el-form-item>
        </el-col>
        <el-col :span="14">
          <div style="display: block;vertical-align: middle;line-height: 36px;height: 36px">
            (图片大小为360x360，格式为png或者jpg)
          </div>
        </el-col>
      </el-row>
      <el-row>
        <el-col style="text-align: right;">
          <el-button size="mini" icon="el-icon-check" type="primary" @click="dataFormSubmit()">确定</el-button>
        </el-col>
      </el-row>
    </el-form>
  </div>
</template>
<script>
export default {
  data() {
    return {
      picture: {
        position: {

        }
      }
    }
  }
}
</script>
